<template>
    <div class="tools-video-player-page _page">
        <div class="top-info-wrap">
            <span>是否直播</span>
            <SwitchButton v-model:value="live"/>
            <input type="text" placeholder="输入播放地址" v-model.trim="url"/>
        </div>
        <XgPlayer :live="live" :url="url"/>
    </div>
</template>

<script>
import XgPlayer from './XgPlayer.vue'
import SwitchButton from '@/components/common/switchButton/Main.vue'
import { ref } from 'vue'

export default {
    components: {
        XgPlayer, SwitchButton
    },
    setup () {
        const url = ref('')
        const live = ref('')

        return {
            url, live
        }
    }
}
</script>

<style lang="scss">
    @use './style.scss';
</style>
